<template>
    <div>
        <el-carousel :interval="5000" height="480px">
            <el-carousel-item v-for="item in swiperList" :key="item.id">
                <!-- <h3 class="small">{{ item.id }}</h3> -->
                <img src="../assets/indexPic1.png">
                <!-- <h3>{{item.id}}</h3> -->
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

  

<script>
    export default{
        data(){
            return{
                swiperList:[
                    {
                        id:0,
                        url:"/img/indexPic1.d3136eaf.png"
                    },
                    {
                        id:1,
                        url:"/img/indexPic2.48341374.png"
                    },
                    {
                        id:2,
                        url:"/img/indexPic3.08bff00f.png"
                    }
                ],
                imagesLoaded:false //图片是否已经加载完成
            }
        },
        methods: {
            // imageLoaded() {
            //     // 当图片加载完成后，初始化走马灯
            //     this.imagesLoaded = true;
            //     console.log("加载完成",this.imagesLoaded)
            // }
        }
    }
</script>

<style>
  .el-carousel__item img{
    width: 100%;
    height: 100%;
  }
</style>
